<template>
	<view>
		<!-- <uni-nav-bar left-icon="back" left-text="" right-text="" :title="articledata.title"></uni-nav-bar> -->
		<view class="content">
			<view class="title">
				{{articledata.title}}
			</view>
			<view class="author">
				作者: {{articledata.author}}
			</view>
			<view class="date">
				时间: {{articledata.modifyTime}}
			</view>
			<view style="color: #333;font-size: 28rpx;font-weight: 800;" class="des">
				概要描述: {{articledata.summary}}
			</view>
			<view style="font-size: 24rpx;color: #666;" v-html="articledata.content1" class="con"></view>
			<image :src="articledata.coverImg" mode=""></image>

		</view>
	</view>

</template>

<script>
	import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue"
	import {
		productArticle
	} from "../../../api/find/articleinfo/articleinfo.js"
	export default {
		components: {
			uniNavBar
		},
		data() {
			return {
				id: '',
				articledata: ''
			};
		},

		onLoad(e) {
			console.log(e);
			productArticle(e.id).then(res => {
				console.log(res.data.productArticle);
				this.articledata = res.data.productArticle
			})
		}
	}
</script>

<style lang="scss">
	.toptool {
		// width: 100%;
		// height: 88rpx;
		// background-color: rgb(53, 78, 68);
		// position: fixed;
		// top: 0;
		// left: 0;
		// z-index: 0;
	}

	.content {
		padding: 20rpx 40rpx;
		font-size: 32rpx;
		box-sizing: border-box;

		.title {
			font-size: 48rpx;
			text-align: left;
			box-sizing: border-box;
		}

		.author {
			padding: 5rpx 0;
			font-size: 28rpx;
			box-sizing: border-box;
		}

		.date {
			padding: 5rpx 0;
			font-size: 28rpx;
			box-sizing: border-box;
		}

		.des {
			padding: 10rpx 0;
			font-size: 24rpx;
			box-sizing: border-box;
		}

		image {
			width: 100%;
			margin-top: 40rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
		}
	}
</style>
